<template>
    <div>
        <div class="header">
            <div class="name">{{data.name}}</div>
            <img class="pic" :src="data.coverImgUrl">
        </div>
    </div>
</template>

<script>
    export default {
        name:'TopDetail',
        data() {
            return {
                data:''
            }
        },
        mounted() {
            var {id} =this.$route.query
            console.log(id);
            this.$http.get(`http://47.108.197.28:3000/playlist/detail?id=${id}`).then(res=>{
                this.data = res.data.playlist
            })
        }
    }
</script>

<style scoped>

</style>